<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
</head>
<body>
	
	<div id="context">
		
	</div>
	
	<button>加载第一页数据</button>
	
	<script type="text/javascript">
		$(function() {
			$('button').click(function() {
				$.get('/JSPing/PageMusic','page=1',function(data){
					var $context = $('#context');
					for(var item in data){
						var mname = '<p>歌曲名：'+data[item].mname+'</p><img src='+data[item].purl+'/>';
						$context.append(mname);
					}
				},'json');	
			});
		});
	</script>
	
</body>
</html>